<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>图标选择</title>
<script language="javascript" type="text/javascript" src="__PLUGIN__/jquery/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#icon_list img").click(function(){
			$("#icon_list img").removeClass('select');
			$(this).addClass('select');
		});
	});


</script>
<style type="text/css">
.select{border:1px solid #cccccc;margin:1px;}
a {
    color: #666;
    text-decoration: none;
}
.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination a, .pagination span {
    margin: 0 5px 0 0;
    padding: 5px 10px;
}
.pagination a {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #ddd;
}
.pagination span.prev, .pagination span.next {
    border: 1px solid #e8e8e8;
    color: #ccc;
}
</style>
<body>
<div id="icon_list" style="width:750px;margin:auto;">
	{volist name="files" id="vo"}
		<img src="{$vo}" style="margin:6px;">
	{/volist}
</div>
<div class="pagination">
	<neq name="page" value="1">
		<a href="{:url('api/attach/icon',array('page'=>$page-1))}">上一页</a>
	</neq>
	<neq name="last_page" value="1">
		<a href="{:url('api/attach/icon',array('page'=>$page+1))}">下一页</a>
	</neq>
	<span class="prev">共 {$count} 张</span>
</div>
</body>
</html>
